 <script type="application/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
           <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
       <script type="application/javascript" src="../inc/bootstrap.js"></script>

<script type="text/javascript">
			 
			 function TransformToTr(data)
                        {
                        		
                                return  $(data).find(".control-group")
                                                .wrapAll("<tr />").wrap("<td />")
                                                .find("input, select").attr("placeholder",function(){
                                                        return $(this).closest("td").find("label").hide().text();
                                                })
                                                .closest("tr").addClass("edit-form");
                        }
             
             function CancelEdit()
                        {
                                $(".edit-form").prev().show().end().remove();
                        }
                        
                        
             $(function(){
             
             					$(".close").click(function(){
                                        $(this).closest(".alert").slideUp();
                                });
                                
                                var settings = {
                                        backgroundColor: '#FF8888',
                                        color: '#FFFFFF'
                                };
                                <? if(isset($_GET['inserted'])): ?>
                                        $("html, body").animate({scrollTop: $(".info").offset().top}, 2000, 'easeInOutBack');
                                <? endif; ?>
                                $(".info td").css(settings).delay(2000).animate({backgroundColor: '#FFFFFF', color: '#000000'},2000);


                                //      ---------------------
                                //      Load the Insert form
                                $(".add-link").click(function() {
                                	$.get('edit.php', function(data){
                                        $("table").append(TransformToTr(data));
                                })
                                	return false;
                              	});
                              	
								 $(".delete-link").click(function(){
                                        $.get(this.href, function(data)
                                        {
                                        		var html = $(data).find(".delete-content");
                                                $(".modal-body").html(html);
                                        });
                                        
                                        $(".modal").modal({ show: true });
                                        return false;
                                });
                                
                                 $(".edit-link").click(function(){
                                        CancelEdit();
                                        var $tr = $(this).closest("tr").hide();
                                        $.get(this.href, {date: new Date()}, function(data){
                                                var $tr2 = TransformToTr(data);
                                                     $tr.after($tr2);
                                        })
                                        return false;
                                });
                                
                                 $(".cancel-link").live('click',function(){
                                        CancelEdit();
                                        return false;
                                });
                                
                                $('table').dataTable();
                                
                           });

              </script>        
